<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>元素</title>
    </head>
    <body>

        <!-- div 被当做容器使用，同时通过 div 标签的 style 属性来指定 div 元素的边框 -->
        <div style=" border : 1px solid blue ; " >
            <u style=" border : 1px solid red ; ">淘宝</u>
            <i style=" border : 1px solid red ; ">京东</i>
            <s style=" border : 1px solid red ; ">腾讯</s>
            <b style=" border : 1px solid red ; ">天猫</b>
        </div>

        <div style=" border : 1px solid blue ; " >
            <u style=" border : 1px solid red ; ">淘宝</u>
            <i style=" border : 1px solid red ; ">京东</i>
            <s style=" border : 1px solid red ; ">腾讯</s>
            <b style=" border : 1px solid red ; ">天猫</b>
        </div>

        <p style="border : 1px solid gray ;">
            我是一个段落
            <div>hello</div>
        </p>

        <div style=" border : 1px solid blue ; ">
            <span style=" border : 1px solid red ;">秋水共长天一色</span>
        </div>

    </body>
</html>